/* Clear Floated Elements */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after,
.container:after,
.container:after {
  clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.lineBottom {
	clear:both;
	height:1px;
	margin:12px 0 10px;
	background:#ccc;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container {
  zoom: 1;
}
/* Layout */
.container {
	margin:0 auto;
	width:90%;
	min-width:1000px;
}
.column {float:left; position:relative;}
#leftPanel {width:185px; margin-left:-100%; padding-top:10px;}
#centerPanel{width:100%;}
#contentArea {
	margin-left:185px;
	margin-right:100px;
	min-height:600px;
	border-color:#ccc;
	border-style:solid;
	border-width:0 1px 1px;
	padding:20px;
}
#wrapper {
	min-height:600px;
	padding-top:47px;
}
/* Style */
body {
}
#header {
	background-color:#333;
	border-bottom: 2px solid #ed1e79;
	z-index:50;	
	width:100%;
	height:47px;
	position:fixed;
	top:0;
	left:0;
}
#headerInner {
	padding-top:5px;
}
#logo {
	width:190px;
	float:left;
	color:#fff;
	height:35px;
	line-height:35px;
}
#logo a {display:block; float:left; margin-right:5px;}
#logo .name {
	font-size:15px;
}
#footer {}
#footerInner {
	padding:8px 0;
	font-size:11px;
	padding-left:185px;
}
#footerInner strong {color:#EE1F79;}
/* Toolbar */
#toolBar {
	width:150px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	z-index:50;
	background:#f2f4f8;
	border-left:1px solid #989898;
	padding-top:8px;
}
#toolBar .inner {
	padding:0 8px;
}
#toolBar .title {
	color:#3b5998;
	margin-bottom:10px;
	font-size:16px;
}
#toolBar .actionBtn li {
	list-style:none;
	height:32px;
	clear:both;
}
#toolBar .actionBtn li a {
	padding:5px 8px;
	line-height:32px;
	display:block;
}
#toolBar .actionBtn li a:hover {
	background:#e0e4ee;
}
#toolBar .actionBtn li i {
	float:left;
	width:32px;
	height:32px;
	margin-right:5px;
}
#toolBar .actionBtn li.new i {
	background:url(../img/_icon/icon-32-new.png) no-repeat left top;
}
#toolBar .actionBtn li.remove i{
	background:url(../img/_icon/icon-32-remove.png) no-repeat left top;
}
#toolBar .actionBtn li.enable i{
	background:url(../img/_icon/icon-32-unblock.png) no-repeat left top;
}
#toolBar .actionBtn li.disable i{
	background:url(../img/_icon/icon-32-unpublish.png) no-repeat left top;
}
#toolBar .actionBtn li.save i{
	background:url(../img/_icon/icon-32-save.png) no-repeat left top;
}
#toolBar .actionBtn li.savenew i{
	background:url(../img/_icon/icon-32-save-new.png) no-repeat left top;
}
#toolBar .actionBtn li.saveclose i{
	background:url(../img/_icon/icon-32-publish.png) no-repeat left top;
}
#toolBar .actionBtn li.back i{
	background:url(../img/_icon/icon-32-back.png) no-repeat left top;
}
#toolBar .actionBtn li.view i{
	background:url(../img/_icon/icon-32-preview.png) no-repeat left top;
}
/* Menu */
#mainMenu {
	height:100%;
	margin-left:200px;
}
#mainMenu .parent {
}
#mainMenu li {
	list-style:none;
	position:relative;
}
	/* Level 1 */
	#mainMenu .sf-menu > li {
		float:left;
	}
	#mainMenu .sf-menu > li > a {
		line-height:42px;
		font-size:11px;
		color:#d8dfea;
		font-weight:bold;
		padding:0 10px;
	}
	#mainMenu .sf-menu li a:hover {
		background:#444;
		color:#fff;
	}
/* Block */
.pageTitle {
	color:#3b5998;
	margin-bottom:20px;
	font-size:16px;
}
.block {}
/* Tabs */
.tabList {
	position:relative;
	margin-bottom:0;
}
.tabList li {
	list-style:none;
	float:left;
	margin-right:10px;
	margin-bottom:-1px;
}
.tabList li a {
	display:block;
	padding:3px 8px;
	border-color:#b4bbcd;
	border-style:solid;
	border-width:1px 1px 0;
	background:#fff;
	font-size:11px;
	font-weight:bold;
	color:#3b5998;
	position:relative;
	z-index:15;
}
.tabList li.active a {
	background:#d8dfea;
}
.tabContent {
	background:#fff;
	position:relative;
	min-height:50px;
	padding:15px;
	border:1px solid #b4bbcd;
	clear:both;
}
/* Welcome box */
.welcomeBox {
	font-size:11px;
	margin-bottom:10px;
}
.welcomeBox a {display:block;}
.welcomeBox .name {font-weight:bold;}
.welcomeBox .thumb {
	width:50px;
	height:50px;
	float:left;
}
.welcomeBox .text {
	margin-left:60px;
}
/* Quick Control */
.quickControl {
	max-width:470px;
	overflow:hidden;
}
.quickControl li {
	list-style:none;
	width:95px;
	height:85px;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
	line-height:1.1;
	margin:0 10px 10px 0;
} 
.quickControl li:hover {
	border-color:#3b5998;
}
.quickControl li a {
	font-size:11px;
} 
.quickControl li i {
	display:block;
	width:48px;
	height:48px;
	margin:0 auto 10px;
}
.quickControl .addProduct {
	background:url(../img/_icon/product-add-48.png) no-repeat;
}
.quickControl .listProduct {
	background:url(../img/_icon/product-48.png) no-repeat;
}
.quickControl .addPost {
	background:url(../img/_icon/article-add-48.png) no-repeat;
}
.quickControl .listPost {
	background:url(../img/_icon/article-48.png) no-repeat;
}
.quickControl .maSlider {
	background:url(../img/_icon/adv-48.png) no-repeat;
}
.quickControl .maBanner {
	background:url(../img/_icon/banner-48.png) no-repeat;
}
.quickControl .setting{
	background:url(../img/_icon/setting-48.png) no-repeat;
}
.quickControl .profile {
	background:url(../img/_icon/profile-48.png) no-repeat;
}
/* Form */
#languageForm select {
	border:1px solid #ccc;
	padding:1px;
	font-family:inherit;
	font-size:inherit;
}
.adminForm .inputText, .adminForm textarea, .dataTables_filter input[type="text"],.tableForm  input[type="text"]{
	  background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    cursor: text;
    font-size: inherit;
		font-family:inherit;
    line-height: 20px;
    transition: box-shadow 0.2s linear 0s;
		padding:5px;
}
.adminForm .inputText:focus, .adminForm textarea:focus, .dataTables_filter input[type="text"]:focus ,.tableForm .inputText:focus{
	  border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
.adminForm select {
	padding:2px;
	font-family:inherit;
	font-size:inherit;
	border:1px solid #bdc7d8;
}
.adminForm .small {width:20%;}
.adminForm .medium {width:60%;}
.adminForm .large {width:98%;}
.tableForm {margin-bottom:0;}
.tableForm th, .tableForm td {
	padding:5px 10px 5px 0;
	vertical-align:middle;
}
.tableForm .center, .dataTable .center {text-align:center;}
.tableForm th {vertical-align:middle; font-weight:bold; background:#eff2f7}
.tableForm tr:last-child {border-bottom:none;}
.tableForm em {
	display:block;
	font-size:11px;
	color:#888;
}
.dataTable .action {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	text-indent:-99999px;
}
.dataTable .status {
	position:relative;
}
.dataTable .status input {
	position:absolute;
	left:-20px;
	top:0;
}
.dataTable .status i {
	cursor:pointer;
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/_form/enabled-icon.png) no-repeat;
}
.dataTable .status i.checked {
	background:url(../img/_form/disable-icon.png) no-repeat;
}
.dataTable .edit {background:url(../img/_form/edit-icon.png) no-repeat;}
.dataTable .del {background:url(../img/_form/del-icon.png) no-repeat;}
.dataTable .save {background:url(../img/_form/save-icon.png) no-repeat;border:none;cursor:pointer}
.dataTable .install {background:url(../img/_form/install.png) no-repeat;}
/* Tool tip */
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible
}
.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0,0,0,0.9);
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: rgba(0,0,0,0.9);
	border-width: 5px 5px 0
}
.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-top-color: rgba(0,0,0,0.9);
	border-width: 5px 5px 0
}
.tooltip.top-right .tooltip-arrow {
	right: 5px;
	bottom: 0;
	border-top-color: rgba(0,0,0,0.9);
	border-width: 5px 5px 0
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,0.9);
	border-width: 5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,0.9);
	border-width: 5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: rgba(0,0,0,0.9);
	border-width: 0 5px 5px
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-bottom-color: rgba(0,0,0,0.9);
	border-width: 0 5px 5px
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-bottom-color: rgba(0,0,0,0.9);
	border-width: 0 5px 5px
}
/* Checkbox */
.status .tzCheckBox,.status.status-0{
	background:url(../img/_form/disabled.png) no-repeat;
	display:inline-block;
	min-width:16px;
	height:16px;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
	text-indent:-99999px;
	border:none;
}
.status .tzCheckBox.checked,.status.status-1 {
	background:url(../img/_form/enable.png) no-repeat;
	border:none;
	cursor:pointer;
}
.frontpage .tzCheckBox{
	background:url(../img/_form/icon-16-notdefault.png) no-repeat;
	display:inline-block;
	min-width:16px;
	height:16px;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
	text-indent:-99999px;
}
.frontpage .tzCheckBox.checked,.frontpage .tzCheckBox.checked-0{
	background:url(../img/_form/icon-16-default.png) no-repeat;
}
/* Order Page */
.order_tb {
	margin-bottom:20px;
}
.order_tb li {
	list-style:none;
	border-bottom: 1px dotted #ccc;
	padding:5px 0;
}
.order_info {
	border:5px solid #A2CDF8;
	background:#fff;
	padding:10px;
}
.order_info h3 {
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px dotted #A2CDF8;
}
.order_info strong {color:#0A9CCA;}
.order_info span {float:right; font-weight:bold;}
.order_info hr {background:#0A9CCA; margin:5px 0;}
/* Gallery */
.mod-gallery {
	overflow:hidden;
	margin-right:-10px;
	margin-bottom:-6px;
}
.mod-gallery .item {
	width:165px;
	float:left;
	margin:0 6px 6px 0;
}
.mod-gallery .item .pic {
	width:165px;
	height:124px;
	overflow:hidden;
	position:relative;
}
.mod-gallery .item .name {
	height:30px;
	padding:5px 8px 8px;
	border-color:#e9eaed;
	border-style:solid;
	border-width:0 1px 1px;
}
.mod-gallery .item .name .count {color:gray;}
.mod-gallery .item .action {
	position:absolute;
	top:5px;
	right:3px;
}
.mod-gallery .item .action a {
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	 background: -moz-linear-gradient(top,#fdfdfd,#f1f1f2);
	 background: -ms-linear-gradient(top,#fdfdfd,#f1f1f2);
	 background: -o-linear-gradient(top,#fdfdfd,#f1f1f2);
	 background: -webkit-linear-gradient(top,#fdfdfd,#f1f1f2);
	 border:1px solid #A6A6A6;
	 font-size:10px;
	 font-weight:bold;
	 display:none;
	 float:left;
	 margin-left:5px;
}
.mod-gallery .item .pic:hover .action a {display:block;}
.mod-gallery .item .action a:hover {
	 background: -moz-linear-gradient(top,#f1f1f2,#fdfdfd);
	 background: -ms-linear-gradient(top,#f1f1f2,#fdfdfd);
	 background: -o-linear-gradient(top,#f1f1f2,#fdfdfd);
	 background: -webkit-linear-gradient(top,#f1f1f2,#fdfdfd);
}
li{
	list-style:none;
}
ul.list-radio ul{
	margin-left:10px;
}
ul.list-radio li{
	margin:10px 0;
}

.list-radio  li.current,.list-radio li.disabled {
	
	padding-left:10px;
}
input[disabled]{
	display:none;
}
.list-radio  li.current > label{
	color:#f00;
}
form div.input{
	margin:0 0 20px 0;
}

.breadcrumbs{
	font-size: 13px;
    margin-bottom: 20px;
}
.breadcrumbs a{
	color: #3B5998;
    
}
form.adminForm  button,form.form_inputs button{
	display:none;
}
.tableForm  .ve-top{
	vertical-align:top;
}
p.help{
	color:#666;
	line-height:1.6;
	margin-top:15px;
}
p.help b,p.help strong{
	color:#3B5998;
}

.btn-success {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding:5px;
	border:none;
	cursor:pointer;
}
#img_append li{
	margin:10px 0;
}
#img_append  li .act{
	display: inline-block;
    height: 16px;
    margin-right: 5px;
    text-indent: -99999px;
    width: 16px;
	cursor:pointer;
}
#img_append  li a.delete{
	background: url("../img/_form/del-icon.png") no-repeat scroll 0 0 transparent;
}
#img_append  li span.save{
	background: url("../img/_form/save-icon.png") no-repeat scroll 0 0 transparent;
	display:none;
}
span.total-child{
	color:#900;
}
.hide{
	display:none;
}
p.nodata{
	clear:both;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#C63;
}
#filters{
	margin-bottom:20px;
}
h3.title{
	font-size:20px;
}

.alert {
    width: auto;
}
.alert {
    backface-visibility: hidden;
    background-color: #E6E6E6;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    background-repeat: repeat-x;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    color: #333333;
    display: block;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 8px 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.alert.error {
    background-color: #D83A2E;
    background-image: linear-gradient(#E4776F, #D83A2E);
    background-repeat: repeat-x;
    border-bottom-color: #B32B21;
}
.alert.error p {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding-right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.fadeIn {
    animation-name: fadeIn;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}